<layout name='Layout/layout_page' />
	
	<ol class="breadcrumb">
		<li><a href="<{:U('Article/index')}>"><{:L('_menu_mentees')}></a></li>
      	<li class="active"><{:L(_public_add)}></li>
    </ol>

	<form id="ajaxForm" action="<{:U('Mentees/save')}>" method="post" class="form-horizontal form-validata">
		<div class="form-group">
			<label class="col-md-2 control-label">Email</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="username"
				id="username"
				data-rule-required="true"
				data-rule-email="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Password</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="password"
				id="password"
				data-rule-required="true"
				data-rule-pwd="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Confirm password</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="repassword"
				id="repassword"
				data-rule-required="true"
				data-rule-equalto="#password"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label" for="cid">Phone</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="phone"
				id="phone"
				data-rule-required="true"
				data-rule-phone="true"
				/>
			</div>
		</div>

		<hr>
		<div class="form-group">
			<label class="col-md-2 control-label">Nickname</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="nickname"
				id="nickname"
				data-rule-required="true"
				/>
			</div>

			<label class="col-md-2 control-label">Gender</label>
			<div class="col-md-3">
				<label class="radio-inline">
					<input type="radio" name="gender" value="male" data-rule-required="true"> male
				</label>
				<label class="radio-inline">
					<input type="radio" name="gender" value="female" data-rule-required="true"> female
				</label>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">First Name</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="firstName" name="firstName" value="<{$user['firstName']}>" placeholder="Enter First Name" data-rule-required="true">
			</div>

			<label class="col-md-2 control-label">Last Name</label>
			<div class="col-md-3">
			<input type="text" class="form-control" id="lastName" name="lastName" value="<{$user['lastName']}>" placeholder="Enter Last Name" data-rule-required="true">
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Birthday</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="birthday"
				id="birthday"
				data-rule-required="true"
				/>
			</div>
			<script> 
			$(function(){
				$("#birthday" ).datepicker({
                  changeMonth: true,
                  changeYear: true,
                  defaultDate:'01/01/1960',
                  yearRange: "1960:<{$nowYear}>"
                });
			});
			</script>

			<label class="col-md-2 control-label">School</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="school"
				id="school"
				data-rule-required="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Address</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="address"
				id="address"
				data-rule-required="true"
				/>
			</div>

			<label class="col-md-2 control-label">City</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="city"
				id="city"
				data-rule-required="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">State</label>
			<div class="col-md-3">
				<select name="state" id="state" class="form-control" data-rule-required="true">
					<option value="">--select--</option>
					<volist name="state" id="vo">
					<option value="<{$vo.name}>"><{$vo.name}></option>
					</volist>
				</select>
			</div>

			<label class="col-md-2 control-label">Zip code</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="zip"
				id="zip"
				data-rule-required="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Major</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="major"
				id="major"
				data-rule-required="true"
				/>
			</div>

			<label class="col-md-2 control-label">Desired working area</label>
			<div class="col-md-3">
				<input type="text"
                class="form-control"
				name="desired"
				id="desired"
				data-rule-required="true"
				/>
			</div>
		</div>

		<div class="form-group">
			<label class="col-md-2 control-label">Self description</label>
			<div class="col-md-9">
				<textarea class="form-control" name="description" id="description" rows="3" data-rule-required="true"></textarea>
			</div>
		</div>
		
		<div class="form-group">
			<div class="col-md-10 col-sm-offset-2">
				<button type="submit" class="btn btn-info"><{:L(_public_add)}></button>
			</div>
		</div>
	</form>


<input type="hidden" id="menu_action" value="user" />